<!-- 管理 -->
<ion-header [translucent]="true">
    <ion-toolbar color="primary">
        <ion-title>
            管理
        </ion-title>
    </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">

    <!-- 用户信息 -->
    <div class="header">
        <div class="img" style="background-image: url('assets/src/img/avator.png')"></div>
        <ul class="profile">
            <li class="username">于兆洋</li>
            <li class="email">xxx@inspur.com</li>
            <li class="phone">15576879987</li>
        </ul>
        <div class="imgRight" style="background-image: url('assets/profile/设置.svg')"></div>
    </div>

    <!-- 我的关注、我的消息、系统消息 -->
    <ion-row>
        <ion-col>
            <ion-badge color="danger" class="badge">8</ion-badge>
            <img src="assets/profile/我的关注.svg">
            <p>我的关注</p>
        </ion-col>
        <ion-col>
            <ion-badge color="danger" class="badge">10</ion-badge>
            <img src="assets/profile/我的消息.svg">
            <p>我的消息</p>
        </ion-col>
        <ion-col>
            <ion-badge color="danger" class="badge">100</ion-badge>
            <img src="assets/profile/系统信息.svg">
            <p>系统消息</p>
        </ion-col>
    </ion-row>

    <!-- 服务公司 -->
    <div class="serviceCompany margin8">
        <div class="icon">
            <img src="assets/profile/服务公司.svg">
        </div>
        <div class="title">
            <p>服务公司</p>
        </div>
        <div class="companyName">
            <p>浪潮通用软件有限公司</p>
        </div>
    </div>

    <!-- 其他信息 -->
    <div class="serviceCompany">
        <div class="icon">
            <img src="assets/profile/伙伴链接.svg">
        </div>
        <div class="title">
            <p>伙伴连接申请</p>
        </div>
        <div class="companyName">
            <p>
                <ion-badge color="danger">10</ion-badge>
            </p>
        </div>
    </div>
    <div class="serviceCompany">
        <div class="icon">
            <img src="assets/profile/公司申请.svg">
        </div>
        <div class="title">
            <p>公司加入申请</p>
        </div>
        <div class="companyName">
            <p>
                <ion-badge color="danger">10</ion-badge>
            </p>
        </div>
    </div>
    <div class="serviceCompany">
        <div class="icon">
            <img src="assets/profile/路径 183.svg">
        </div>
        <div class="title">
            <p>我的资产</p>
        </div>
        <div class="companyName">
            <p>2</p>
        </div>
    </div>

    <!-- 登录、退出 -->
    <div class="logout" *ngIf="logined">
        <ion-button color="primary" expand="full" (click)="outLogin()">退出账号</ion-button>
    </div>

    <div class="logout" *ngIf="!logined">
        <ion-button color="primary" expand="full" (click)="goLogin()">登录</ion-button>
    </div>


</ion-content>


